End.

js 判断用户端来源(微信、QQ 、其它浏览器)

有时为了做移动端浏览器兼容,我们需要判断用户端所使用的浏览器环境~

这主要使用到了 navigator.appVersion来进行解析

我们可以console.log打印出这个值,值如下:

5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36

这是windows访问,然后是Chrome 68版本浏览器,😄是不是一切都拿到了呢


下面将举例,判断一些常用的浏览器环境:

//是否移动端
function isMobile() {
    var u = navigator.appVersion;
    return !!u.match(/AppleWebKit.*Mobile.*/);
}

//是否uc浏览器
function isUcBrowser() {
    var u = navigator.appVersion;
    return u.indexOf('UCBrowser') > -1;
}

//是否QQ浏览器
function isQQBrowser() {
    var u = navigator.appVersion;
    return u.indexOf('MQQBrowser') > -1;
}

//是否QQ客户端 内嵌浏览器
function isQQ() {
    var u = navigator.appVersion;
    return u.indexOf(' QQ/') > -1;
}

function isWeiXin() {
    var u = navigator.appVersion;
    return u.indexOf('MicroMessenger') > -1;
}

The End.

End.